<template>
  <div class="lowCodeRight">
    配置属性区{{ draggableItem.type }}
    {{ draggableItem.id }}
  </div>
</template>
<script setup lang='ts'>
import { lowCode } from "@/store/modules/lowCode"
import { computed, watch } from 'vue'
const lowCodeStore = lowCode();
let draggableItem = computed(() => {
  return lowCodeStore.draggableItem
})
watch(draggableItem, (newVal, oldVal) => {
  console.log("最新", newVal)
  console.log("之前", oldVal)
})
</script>

<style lang='scss' scoped>
.lowCodeRight {
  width: 300px;
  height: calc(100vh - 80px);
  background-color: $white;
  margin-top: 10px;
  border-radius: 5px 0px 0px 5px;

}

// Your scoped styles here
</style>